@include('Home.head')

<body>
<div class="container" id="app">
    <header data-am-widget="header" class="am-header am-header-default my-header">
        {{--<div class="am-header-left am-header-nav am-dropdown"  data-am-dropdown>--}}
            {{--<a href="javascript:;" class="am-dropdown-toggle"  data-am-dropdown-toggle>--}}
                {{--<i class="am-header-icon am-icon-th-large"></i>--}}
            {{--</a>--}}
            {{--<div style="display:none">--}}

            {{--</div>--}}
            {{--<ul class="am-dropdown-content">--}}
                {{--<li><a href="#">关于我们</a></li>--}}
                {{--<li><a href="#">新闻中心</a></li>--}}
                {{--<li><a href="#">团购</a></li>--}}
                {{--<li><a href="#">商城</a></li>--}}
                {{--<li><a href="#">收银台</a></li>--}}
                {{--<li><a href="#">相册</a></li>--}}
                {{--<li><a href="#">视频</a></li>--}}
            {{--</ul>--}}
        {{--</div>--}}
        <h1 class="am-header-title">
            <a href="#title-link" class="">超级商城</a>
        </h1>
        {{--<div class="am-header-right am-header-nav">--}}
            {{--<a href="#right-link" class="">--}}
                {{--<i class="am-header-icon  am-icon-share-alt"></i>--}}
            {{--</a>--}}
        {{--</div>--}}
    </header>
    <!-- banner -->
    <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}'>
        <ul class="am-slides">
            <li>
                <img src="/img/zs_banner1.jpg">
            </li>
            <li>
                <img src="/img/zs_banner1.jpg">
            </li>
            {{--<li>--}}
                {{--<img src="http://s.amazeui.org/media/i/demos/bing-2.jpg">--}}
            {{--</li>--}}
            {{--<li>--}}
                {{--<img src="http://s.amazeui.org/media/i/demos/bing-3.jpg">--}}
            {{--</li>--}}
            {{--<li>--}}
                {{--<img src="http://s.amazeui.org/media/i/demos/bing-4.jpg">--}}
            {{--</li>--}}
        </ul>
    </div>
    {{--<div class="am-cf am-g my-shop-nav">
    	<div class="my-shop-nav-panellf">
        	<div class=" my-shop-nav-img am-circle ">
        	<img src="/img/home/user/img1.jpg" class="am-circle m-img-thumbnail" />
            </div>
        </div>
        <div class="my-shop-nav-panelrt am-fr">
        	<ul class="am-nav am-nav-pills my-shop-nav-ul">
            	<li><a href="#">关于我们</a></li>
                <li><a href="#">新闻中心</a></li>
                <li><a href="#">团购</a></li>

            </ul>
        </div>
    </div>--}}
    <div class="am-cf am-g">
    	<ul class="am-avg-sm-2 my-shop-product-list">
        	<li v-for="val in goodsList">
            	<div class="am-panel am-panel-default"  v-on:click="jump(val.id)">
                    <div class="am-panel-bd">
                    	<img class="am-img-responsive" :src="val.img" />
                        <h3><a href="#">@{{ val.goodsname }}</a></h3>
                        <div>
                            <span class="list-product-price-span2">￥@{{ val.rulingprice }}</span>
                            <span class="list-product-sorce-span">销量<br/>@{{ val.sold }}</span>
                        </div>
                        <hr data-am-widget="divider" style="" class="am-divider am-divider-default am-cf"/>
                        <ol class="am-avg-sm-2 product-list-share">
                            {{--<li class="am-text-sm">积分：200</li>--}}
                            {{--<li><button class="am-btn am-btn-danger am-btn-xs index-addcart-btn">立即购买</button></li>--}}
                        </ol>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    @include('Home.foot')
</div>
</body>
<script>
    var app = new Vue({
        el:"#app",
        data: {
            title:'超级商城',
            goodsList : [],
        },
        //事件
        methods: {
            //初始化 系统管理员列表
            initialize:function () {
                //获取商品数据
                $.post("/home/superShop/goods",{'_token':'{{csrf_token()}}',class:'select'},function (res) {
                    if(res.code){
                        app.goodsList = res.data
                    } else {
                        layer.msg(res.data);
                    }
                });
            },
            //跳转
            jump:function (id) {
                window.location.href="/home/superShop/product?id="+id;
            },
            //获取url id
            obtain:function (val) {
                var query = window.location.search.substring(1);
                var vars = query.split("&");
                for (var i=0;i<vars.length;i++) {
                    var pair = vars[i].split("=");
                    if(pair[0] == val){
                        return pair[1];
                    }
                }
            },
        },
        //自动执行
        mounted: function () {
            this.initialize();
        },
    })
</script>
</html>
